<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>es6</title>
	<script src="js/require.js" ></script>
	<script src="./require.config.js" ></script>
	<script>
		require(['vue','vuex','./router/router'],function(vue,vuex,router){
		/*	vue.use(vueRouter);
			var router = new vueRouter({
				routes: [
					{ path: '/b', name: "btempLate", component: b },
				]
			});*/
			new vue({
				el: "#root",
				data() {
					return {
						bbb: 123,
					}
				},
				router: router,
				mounted() {
					this.testB();
				},
				methods: {
					testB() {
						//router跳转的3种方式
						// 字符串
						this.$router.push("/b");//指向上面 routes 里的path
					//	对象
					//	this.$router.push({ path: '/b' });//path 指向上面 routes 里的path
					//	命名的路由,传参数
					//	this.$router.push({ name: 'btempLate', params: { beforePageData: '前一个页面传的参数' }});//name指向上面 routes 里的name。在b页面获取参数: this.$route.params
						// 带查询参数，变成/b?selected=2
					//	this.$router.push({path: '/b', query: {selected: "2"}});//在b页面获取参数: this.$route.query
					//两种方式的区别是query传参的参数会带在url后边展示在地址栏，params传参的参数不会展示到地址栏。需要注意的是接收参数的时候是route而不是router。两种方式一一对应，名字不能混用
					}
				}
			})
		});
	</script>
</head>
<body>
	<div id="root">
		<router-view></router-view>
	</div>
</body>
</html>